<template>
  <div class="Concern">
    <div class="top">
      <van-icon name="arrow-left" />
      <p>我的关注</p>
    </div>
    <div>
        <concernList></concernList>
    </div>
  </div>
</template>
<script>
import { getGuanzhuTeacher } from "../../request/home";
import concernList from "../../components/concernList.vue";
export default {
  components: { concernList },
  setup(props) {
    getGuanzhuTeacher().then(res => {
      console.log(res);
    });
  }
};
</script>
<style lang="scss" scoped>
.Concern {
  background: #f2f3f5;
  height: 100vh;
}
.top {
  display: flex;
  padding: 20px 10px;
  align-items: center;
  font-size: 24px;
  background: #fff;
  p {
    width: 90%;
    text-align: center;
  }
}
</style>